<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>转场动画演示</title>
  <link rel="stylesheet" href="../static/animation/animsition.min.css">
  <script src="../static/bootstrap-3.3.7-dist/js/jquery.min3.5.js"></script>
  <script src="../static/animation/animsition.min.js"></script>
</head>
<body class="animsition">
<div class="animsition-overlay">
  <a href="./404.html" class="animsition-link"  data-animsition-out-class="fade-out-right" data-animsition-out-duration="2000">animsition link 1</a>
  <a href="./page2.html" class="animsition-link">animsition link 2</a>
</div>
<script>
    $(document).ready(function() {
        $('.animsition').animsition();
    });
</script>
</body>
</html>